@import '@/assets/css/config.scss';
$height: 70px;
$active: rgb(187, 0, 0);
.el-tabs.el-tabs--top {
  border: none;
  background-color: #fff;
  &.is-top {
    line-height: 0;
    height: 0;
    background-color: #fff;
  }
  :deep(.el-tabs__header) {
    background-color: #fff;
    height: $height;
    margin-right: 0;
    line-height: $height;
    border: none;
    text-align: center;
    // margin-bottom: 20px;
    .el-tabs__nav-wrap {
      // height: 110px;
      .el-tabs__nav-scroll {
        // line-height: 100px;
        // height: 100px;
        .el-tabs__nav {
          // line-height: 100px;
          height: $height;
          float: none;
        }
      }
      &::after {
        background-color: #fff;
      }
    }
  }
  :deep(.el-tabs__item) {
    // border: 1px solid grey;
    border: none;
    color: $themeColor;
    background-color: #fff;
    // height: 100px;
    width: 200px;
    padding: 0 20px;
    // margin: 20px;
    &.is-active {
      color: $active;
      background-color: #fff;
    }
  }
  :deep(.el-tabs__active-bar) {
    margin-left: 7px;
    background-color: $active;
  }
}
.el-tab-pane {
  padding: 0px 30px;
}
